<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- <script>
      function hookImg() {
        // var old =Image.prototype.constructor;
        // Image.prototype.constructor=function(){
        //   // old.apply(this,arguments);
        //   console.log("重写image构造")
        // }

        // let oldImage=Image;
        //   Image=function(){
        //     console.log("重写image构造")
        //   }

        // const property = Object.getOwnPropertyDescriptor(
        //   Image.prototype,
        //   "src"
        // );
        // const nativeSet = property.set;
        // function customiseSrcSet(url) {
        //   console.log("拦截图片成功")
        //   nativeSet.call(this, url);
        // }
        // Object.defineProperty(Image.prototype, "src", {
        //   set: customiseSrcSet,
        // });



        // let old=URL;
        // URL=function(){
        //   console.log("url拦截");
        // }

        // const url = new URL('../cats', 'http://www.example.com/dogs');
        // console.log(url.hostname); // "www.example.com"
        // console.log(url.pathname); // "/cats"
      }
      hookImg();

    </script> -->


    <div>拦截测试</div>
    <div id="img1"></div>
    <div>图片拦截 <img src='./2D.png'></div>
    <!-- <script>
      setTimeout(()=>{
        let str="<div>图片拦截 <img src='./2D.png'></div>";
        document.getElementById("img1").innerHTML=str;
      },1000)
    </script> -->
    <!-- <script>
        // var image= new Image();
        // image.src="./2D.png";
        // document.body.appendChild(image);
    </script> -->
  </body>
</html>
